<!DOCTYPE html>
<html><head>
	    <meta charset="utf-8">
    <title>11111111111</title>

    <meta name="description" content="Dashboard">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!--Basic Styles-->
    <link href="__PUBLIC__/style/bootstrap.css" rel="stylesheet">
    <link href="__PUBLIC__/style/font-awesome.css" rel="stylesheet">
    <link href="__PUBLIC__/style/weather-icons.css" rel="stylesheet">

    <!--Beyond styles-->
    <link id="beyond-link" href="__PUBLIC__/style/beyond.css" rel="stylesheet" type="text/css">
    <link href="__PUBLIC__/style/demo.css" rel="stylesheet">
    <link href="__PUBLIC__/style/typicons.css" rel="stylesheet">
    <link href="__PUBLIC__/style/animate.css" rel="stylesheet">
    
</head>
<body>
	<!-- 头部 -->
	<include file="Common/header"/>

	<!-- /头部 -->
	
	<div class="main-container container-fluid">
		<div class="page-container">
			            <!-- Page Sidebar -->
            <include file ="Common/left" />
            <!-- /Page Sidebar -->
            <!-- Page Content -->
            <div class="page-content">
                <!-- Page Breadcrumb -->
                <div class="page-breadcrumbs">
                    <ul class="breadcrumb">
                                        <li>
                        <a href="#">系统</a>
                    </li>
                                        <li>
                        <a href="__MODULE__/Ad/lst">广告列表</a>
                    </li>
                                        <li class="active">添加广告</li>
                                        </ul>
                </div>
                <!-- /Page Breadcrumb -->

                <!-- Page Body -->
                <div class="page-body">
                    
<div class="row">
    <div class="col-lg-12 col-sm-12 col-xs-12">
        <div class="widget">
            <div class="widget-header bordered-bottom bordered-blue">
                <span class="widget-caption">新增广告</span>
            </div>
            <div class="widget-body">
                <div id="horizontal-form">
                    <form class="form-horizontal" role="form" action="" method="post" enctype="multipart/form-data" >
                        <div class="form-group">
                            <label for="username" class="col-sm-2 control-label no-padding-right">所属广告位</label>
                            <div class="col-sm-6">
                                <select name="posid">
									<option>请选择所属广告位</option>
									<volist name="adpos" id="vo" >
										<option value="{$vo.id}">{$vo.pname}</option>
									</volist>
								</select>
                            </div>
                            <p class="help-block col-sm-4 red">* 必填</p>
                        </div>

						
						<div class="form-group">
                            <label for="username" class="col-sm-2 control-label no-padding-right">是否启用</label>
                            <div class="col-sm-6">
									<label>
										<input class="checkbox-slider colored-palegreen" type="checkbox" name="ison">
										<span class="text"></span>
									</label>
                            </div>
                        </div>
						<div class="form-group">
                            <label for="username" class="col-sm-2 control-label no-padding-right">广告名称</label>
                            <div class="col-sm-6">
                                <input class="form-control" id="adname" placeholder="" name="adname"   type="text"/>
                            </div>
                        </div>
						
						<div class="form-group">
                            <label for="username" class="col-sm-2 control-label no-padding-right">广告类型</label>
                            <div class="col-sm-6">
								
										<label>
												<input onclick='$("#pic").show();$(".img").hide();' name="type" value="1" type="radio" checked="checked" class="inverted">
												<span class="text">图片 </span>
											</label>
											<label>
												<input onclick='$("#pic").hide();$(".img").show();' name="type" value="2" type="radio" class="inverted">
												<span class="text">轮播</span>
											</label>
									
                            </div>
                        </div>
						<div id="pic">
								<div class="form-group">
									<label for="username" class="col-sm-2 control-label no-padding-right">图片</label>
									<div class="col-sm-6">
										<input id="picurl" placeholder="" name="picurl"   type="file"/>
									</div>
								</div>
								
								<div class="form-group">
									<label for="username" class="col-sm-2 control-label no-padding-right">链接地址</label>
									<div class="col-sm-6">
										<input id="link" placeholder="" name="link"   type="text" class="form-control" />
									</div>
								</div>
						</div>
						
						
						
						
						<!--11111111111111111111111111111111-->
						
								<div class="form-group img" style="display:none;">
									<label for="username" class="col-sm-2 control-label no-padding-right"><a onclick="imgad(this);">[+]</a></label>
									<div class="col-sm-6">
										<span>图片</span><input style="display:inline;" name="imgurl[]"   type="file"/>
										<span>链接地址</span><input style="display:inline;width:200px"   name="links[]"   type="text" class="form-control" />
									</div>
								</div>
							
						<!--11111111111111111111111111111111111111-->
						
						
						
						
                        <div class="form-group">
                            <div class="col-sm-offset-2 col-sm-10">
                                <input type="submit" class="btn btn-darkorange btn-block" value="保存信息"  style="width:150px">
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

                </div>
                <!-- /Page Body -->
            </div>
            <!-- /Page Content -->
		</div>	
	</div>

	    <!--Basic Scripts-->
    <script src="__PUBLIC__/style/jquery_002.js"></script>
    <script src="__PUBLIC__/style/bootstrap.js"></script>
    <script src="__PUBLIC__/style/jquery.js"></script>
    <!--Beyond Scripts-->
    <script src="__PUBLIC__/style/beyond.js"></script>
    <script>
		function imgad(o){
		var div=$(o).parent().parent();
			if($(o).html() =='[+]'){
				var newdiv=div.clone();
				newdiv.find('a').html('[-]');
				div.after(newdiv);
			}else{
				div.remove();
			}
		}
	</script>


</body></html>